import { StyleSheet } from 'react-native';
import {
  APP_LIGHT_BACKGROUND_YELLOW,
  APP_BLACK,
  APP_YELLOW
} from '../../constant/color';
import { phonePx } from '../../util/adapt';

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff'
  },
  content: {
    flex: 1,
    alignItems: 'center'
  },
  icon: {
    width: phonePx(210),
    height: phonePx(195),
    marginTop: phonePx(20)
  },
  title: {
    fontSize: phonePx(18),
    color: APP_BLACK,
    fontWeight: '500',
    lineHeight: phonePx(25),
    marginTop: phonePx(20)
  },
  subTitle: {
    fontSize: phonePx(12),
    color: APP_BLACK,
    fontWeight: '400',
    lineHeight: phonePx(17),
    marginTop: phonePx(6)
  },
  loadWechat: {
    width: phonePx(230),
    height: phonePx(40),
    backgroundColor: APP_LIGHT_BACKGROUND_YELLOW,
    borderWidth: phonePx(1),
    borderColor: APP_YELLOW,
    borderRadius: phonePx(2),
    justifyContent: 'center',
    alignItems: 'center',
    marginTop: phonePx(20)
  },
  wechat: {
    fontSize: phonePx(14),
    color: APP_BLACK,
    fontWeight: '500'
  },
  copy: {
    position: 'absolute',
    alignSelf: 'center',
    width: phonePx(270),
    height: phonePx(50),
    borderRadius: phonePx(8),
    backgroundColor: APP_YELLOW,
    justifyContent: 'center',
    alignItems: 'center',
    bottom: phonePx(30)
  },
  copyDesc: {
    fontSize: phonePx(16),
    color: APP_BLACK,
    fontWeight: '500'
  }
});

export default styles;
